<template>
    <view>
		<cu-custom :key="'header'+headerKey" class='box1' bgColor="bg-gradual-blue" :isBack="true" backText="返回" title="工作经历"></cu-custom>
        <view style="margin-top: 140rpx;">
			<view class="cu-card dynamic" bg-bule v-for="(item, index) in productList" :key="index"style="position: relative;">
            <view class="cu-item shadow">
                <view class="cu-list menu-avatar">
                    	<view class="text-content">
                    		<text space="ensp" style="font-size: 32rpx;font-weight: bold;margin-left: 30rpx;">参保单位名称： {{ item.aab004 }}</text>
                    	</view>
                </view>
				<zh-text :value="item.aae041" type="text" label="开始年月"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aae042" type="text" label="结束年月"
				labelAlign="left" inputAlign="right" ></zh-text>
            </view>
        </view>
		</view>
    </view>
</template>
<script>
	import store from "@/store"
	import api from '@/api/society/my/insurance.js';
	import reqConfig from '@/common/config/reqConfig.js';
    export default {
		onShow() {
			this.headerKey += 1;
		},
        data() {
            return {
				headerKey:0,
                productList: '',
				idcard:store.state.hh_user.idcard
            };
        },
        methods: {
			indexs: function() {
			const data = {};
			data.idcard=this.idcard
			this.$http.post(api.getBusinessCard, data).then(res =>  {
				this.show = true
				this.productList = res.result.societyWorkExperienceVOList
			}).catch(err => {
			});
			},
		},
		mounted(){
		           //自动加载indexs方法
		           this.indexs();
		       }
    }
</script>
<style>
	.box1{
		white-space: normal;
		width: 750upx;
		height: 400upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		position: absolute;
		top: 0upx;
		left: 0upx;
		background-image: linear-gradient(223deg, #19b8b9 0%, #0182fe 100%);
		border-radius: 0upx;
		border-bottom-left-radius: 100upx;
		border-bottom-right-radius: 100upx;
		font-size: 20rpx;
	
	},
	.cu-card{
		display: flex;
		flex-direction: column;
		padding: 20rpx;
	}
    .cu-card.dynamic>.cu-item>.text-content {
        margin-bottom: 1rpx;
        margin-top: 1rpx;
		
    }
		.cu-form-group{
			height: 30rpx;
		}
</style>